html {
  overflow: hidden;
  background-color: #171821;
}

body,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
  font-weight: 400;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h4,
h5 {
  margin: 0;
  padding: 0;
}

body {
  background-color: #ffffff;
  color: #666666;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: 0 0px;
  text-align: left;
}

select {
  font-size: 12px;
}

table {
  border-collapse: collapse;
}

fieldset,
img {
  border: 0 none;
}

fieldset {
  margin: 0;
  padding: 0;
}

fieldset p {
  margin: 0;
  padding: 0 0 0 8px;
}

legend {
  display: none;
}

address,
caption,
em,
strong,
th,
i {
  font-style: normal;
  font-weight: 400;
}

table caption {
  margin-left: -1px;
}

hr {
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #e4e4e4;
  border-width: 1px 0;
  clear: both;
  height: 2px;
  margin: 5px 0;
  overflow: hidden;
}

ol,
ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

caption,
th {
  text-align: left;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: ””;
}

/* 设置滚动条的样式 */
/* 兼容 谷歌浏览器 */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background: #898989;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #171821;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 0, 0, 0.4);
}

/* 显示隐藏动画 */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}
.fade-enter,
.fade-leave-active {
  opacity: 0;
}

.transitionGroup {
  width: 100%;
}

.page-enter-active, .page-leave-active {
  transition: opacity .5s;
}
.page-enter, .page-leave-active {
  opacity: 0;
}

/* 修改el-popover 样式 */
.popClass {
  background-color: #171821 !important;
  border: #171821 !important;
}
.popClass .popper__arrow {
  border-top-color: #171821 !important;
}
.popClass .popper__arrow::after {
  border-top-color: #171821 !important;
}
.el-select-dropdown {
  background-color: #0b0c10 !important;
  border: 1px solid #0b0c10 !important;
}
.el-select-dropdown .popper__arrow {
  border-bottom-color: #0b0c10 !important;
}
.el-select-dropdown .popper__arrow::after {
  border-bottom-color: #0b0c10 !important;
}
.el-select-dropdown .el-scrollbar__bar.is-horizontal {
  display: none !important;
}

.scene-container {
  z-index: 1;
}

.nuxt-link-exact-active {
  color: #03e9f4 !important;
}